<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>欢迎页</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/AdminLTE.min.css">
<link rel="stylesheet" href="css/all-skins.min.css">
<link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
<script src="./libs/jquery.min.js"></script>
<script src="./libs/bootstrap.min.js"></script>
<script src="./plugins/daterangepicker/moment.min.js"></script>
<script src="./plugins/daterangepicker/daterangepicker.js"></script>
<script src="./libs/vue.min.js"></script>
<script src="./libs/echarts.min.js"></script>
</head>
<body style="background-color: #ecf0f5; padding: 5px;">
	<section class="content" id="rrapp">
		<div class="form-horizontal">
			<div class="box-body">
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-1 control-label">时间：</label>
					<div class="col-sm-4">
						<div class="btn-group">
							<button type="button" @click="getParam(0)" class="btn btn-info">全部</button>
							<button type="button" @click="getParam(1)" class="btn btn-info">7天</button>
							<button type="button" @click="getParam(2)" class="btn btn-info">30天</button>
							<button type="button" class="btn btn-info" id="daterange-btn">
                    			<span>自定义</span>
                    			<i class="fa fa-caret-down"></i>
                  			</button>
						</div>
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-sm-1 control-label">品牌：</label>
					<div class="col-sm-2">
						<select class="form-control" v-model="selected1">
							<option >全部</option>
							<option v-for="item in dim1" :value="item.id" >{{ item.name }}</option>
						</select>
					</div>
					<label for="inputPassword3" class="col-sm-1 control-label">车系：</label>
					<div class="col-sm-2">
						<select class="form-control" v-model="selected2">
							<option>全部</option>
							<option v-for="item in dim2" :value="item.name" >{{ item.name }}</option>
						</select>
					</div>
					<div class="col-sm-2">
						<button type="submit" @click="query" class="btn btn-primary">查询</button>
					</div>
				</div>
			</div>
		</div>
		<br />
		<div class="row">
			<div class="col-md-4 col-sm-4 col-xs-4">
				<div class="info-box">
					<span class="info-box-icon bg-aqua"><i class="fa fa-envelope-o"></i></span>
					<div class="info-box-content">
						<span class="info-box-text">总数据量</span> <span class="info-box-number">{{total}}</span>
					</div>
				</div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-4">
				<div class="info-box">
					<span class="info-box-icon bg-green"><i class="fa fa-flag-o"></i></span>

					<div class="info-box-content">
						<span class="info-box-text">分析数据量</span> <span class="info-box-number">{{total1}}</span>
					</div>
				</div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-4">
				<div class="info-box">
					<span class="info-box-icon bg-red"><i class="fa fa-star-o"></i></span>
					<div class="info-box-content">
						<span class="info-box-text">待分析数据量</span> <span class="info-box-number">{{total2}}</span>
					</div>
				</div>
			</div>
		</div>
		<br />
		<div class="row">
			<div class="col-md-6 col-sm-12 col-xs-24">
				<div class="box box-primary">
					<div class="box-header with-border">
						<h3 class="box-title">声量</h3>
					</div>
					<div class="box-body">
						<div id="ShengliangLine" style="height: 300px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
					</div>
				</div>
			</div>
			<div class="col-md-6 col-sm-12 col-xs-24">
				<div class="box box-primary">
					<div class="box-header with-border">
						<h3 class="box-title">情感分析</h3>
					</div>
					<div class="box-body">
						<div  id="QingganPie" style="height: 300px;"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- <div class="row">
			<div class="col-md-12 col-sm-12 col-xs-24">
				<div class="box box-primary">
					<div class="box-header with-border">
						<h3 class="box-title">算法准确率</h3>
					</div>
					<div class="box-body">
						<div  id="GuizeLine" style="height: 300px;"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 col-sm-12 col-xs-24">
				<div class="box box-primary">
					<div class="box-header with-border">
						<h3 class="box-title">人工校正结果分布</h3>
					</div>
					<div class="box-body">
						<div id="JiqiLine" style="height: 300px;"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12 col-sm-12 col-xs-24">
				<div class="box box-primary">
					<div class="box-header with-border">
						<h3 class="box-title">算法控制台</h3>
					</div>
					<div class="box-body chart-responsive">
						<div class="chart" id="revenue-chart" style="height: 300px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
					</div>
				</div>
			</div>
		</div> -->
	</section>
<script src="./js/main.js"></script>
</body>
</html>